<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>婚缘首页</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/common.css"/>
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1273421553'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1273421553' type='text/javascript'%3E%3C/script%3E"));</script>
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style>
        body{background-color:#cb2316;}
        .zm_banner2{margin:0.1rem 0.2rem;font-size: 0;}
        .zm_banner2 img{height:auto;margin-bottom: 0rem;}
        .m_form_ul{border-radius: 0.1rem;overflow: hidden;border:1px solid #e5d9c5;}
        .m_form_ul li{margin:0;border-radius: 0;border-color: #e5d9c5;background-color:#fef8ee;}
        .m_form_ul li .f_left{color:#6f0211;font-weight: bold;}
        .m_form_wrap {margin:0 0.2rem;}
        .m_form_btnwrap{
            height:0.9rem;
            line-height: 0.9rem;
            background:url('__PUBLIC__/images/bzjp_img/v8/anniu.png') no-repeat;
            background-size:100% 100%;
            margin:0 0.3rem;
            font-size:0.36rem;
            color:#631f00;
            font-weight:bold;
        }
        .fiex_bt {
            height: 1.1rem;
            line-height: 1.1rem;
            font-size: 0.36rem;
        }
        .fiex_bt a{
            height:0.9rem;
            line-height: 0.9rem;
            background:url('__PUBLIC__/images/bzjp_img/CYZ_csbtn_yhj.png') no-repeat;
            background-size:100% 100%;
            font-size:0.36rem;
            color:#631f00;
            font-weight:bold;
        }
        .m_form_prompt{color:#ffffff;font-size:0.28rem;padding:0rem 0;}
        .m_form_prompt span{color:#f9d300;}
        .m_form_prompt{
            text-align: left;
            width: 6.6rem;
            margin: 0 auto;

        }
        .CHANNEL-tsq{background:url('__PUBLIC__/images/bzjp_img/CYZ_csbtn_tsq.png') 0% 0% / 100% 100% no-repeat !important;}
        /*  */
        video{width:100%;height:4rem;margin:0.2rem 0;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing:border-box;}
        .cs_imgtext{margin:0.4rem 0.2rem 0;}
        .mylistpage{
            position: absolute;
            top: 0.1rem;
            right:.1rem;
            width: .56rem;
            display: block;
            height: .56rem;
        }
        .m_form_btnwrap{
            margin: .24rem auto;
            width: 7.22rem;
            transform-origin: 50% 50% ;
            /* animation:big .92s infinite;  */
        }
        @keyframes big {
            0%   {
                transform: scale(1)
            }
            50%  {
                transform: scale(1.1)
            }
            100% {
                transform: scale(1)
            }
        }
        .h272{
            height: 2.72rem;
        }
        .h469{
            height: 4.69rem;
            margin-bottom: 0.1rem !important;
        }
        .h1536{
            height: 15.36rem;
        }
        .h1520{
            height: 15.2rem;
        }
        .h1512{
            height: 15.12rem;
        }
        .h696{
            height: 6.96rem;
        }
        .h1658{
            height: 16.58rem;
        }

        .h529 {
            height: 5.29rem;
            margin-top: 0.3rem;
        }
        .h1517 {
            height: 15.17rem;
        }
        .h1860 {
            height: 18.60rem;
        }
        .h1000 {
            height: 10.00rem;
        }
        .h676 {
            height: 6.76rem;
        }
        .h928{
            height: 9.28rem;
        }
        .m_form_btnwrap.J_formSubmit.type1,.m_form_btnwrap.J_formSubmit.type2{
            width: 7.22rem;
            margin: .2rem auto;
            height: 0.91rem;
        }
    </style>
    <style>
        .tohistory{
            text-decoration: underline;
            font-size: 0.32rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 0.42rem;
            letter-spacing: 0rem;
            color: #ffffff;
            display: block;
            text-align: center;
            margin-top: 0.1rem;
        }
        .h529{
            height: 5.29rem;
        }
        .h1517{
            height: 15.17rem;
        }
        .h1860{
            height: 18.6rem;
        }
        .h1000{
            height: 10rem; 
        }
        .h1524{
            height: 15.24rem;
        }
        .h928{
            height: 9.28rem;
        }
    </style>
    <style>
        .h695{
            height: 6.95rem;
        }
        .h1246{
            height: 12.46rem;
        }
        .h1338{
            height: 13.38rem;
        }
        .h1089{
            height: 10.89rem;
        }
        .h70{
            height: .7rem;
        }


        .user_feedback{
            overflow: hidden;
            /* margin: 0.2rem 0.1rem; */
            background-color: #000;
            width:7.14rem;
            height: 4.66rem;
            margin: 0 auto;
            margin-bottom: .2rem;
            margin-top: .2rem;

	background-color: #fffef9;
	border-radius: .1rem;
	border: solid 1px #fedc39;
    box-sizing: border-box;
        }
        .user_feedback .uf_top{
            padding-left: 0.3rem;
            line-height: 0.68rem;
            border-bottom:0.02rem solid #e0e0e0;
        }
        .user_feedback .uf_ul_wrap{
            height:5.3rem;
            margin:0.2rem;
            margin-top: .2rem;
            overflow: hidden;
            /* border-top:0.02rem solid #e6d2bd; */
        }
        .user_feedback .uf_ul_wrap .uf_ul{
            position: relative;
        }
        .user_feedback .uf_ul_wrap .uf_ul li{
            padding:0.2rem;
            border-bottom:0.02rem solid #e0e0e0;
            list-style: none;
        }
        .user_feedback .uf_ul_wrap .uf_ul li strong{
            color: #F9525B;
            font-weight:400;
        }
        .user_feedback .uf_ul_wrap .uf_ul li p{
            margin-top:0.1rem;
            font-size: .26rem;
            color: #34383C;
        }
    </style>
</head>
<body>

    <include file="Public/header"/>
    <if condition="$Think.cookie.hideAllCsNum eq 1">
        <a href="<!--{:U('Index/mycesuan','',false)}-->"> <img class="mylistpage" data-src="__PUBLIC__/images/bzjp_img/mylistpage.png" alt="" srcset=""></a>
        <else />
    </if>
    <div class="zm_banner">
        <img class='h695' data-src="__PUBLIC__/images/bzhy_img/hbanner.png" width="100%"/>
    </div>
    <!-- <div class="zm_banner2" id="scrollT">
        <img class='h469' data-src="__PUBLIC__/images/bzjp_img/v10/1.png" width="100%"/>
    </div> -->
    
    
    <div class="m_form_container">
        <form id="_form" class="_form1" class="m_form" action="<!--{:U('Bzhy/zhifu','',false)}-->" method="POST" id="frm">
            <div class="m_form_wrap">
                <ul class="m_form_ul">
                        <li>
                                <div class="f_left">您的姓名</div>
                                <div class="f_auto"><input type="text" id="username1" name="username" placeholder="匿名 (可不填)"></div>
                            </li>
                    <li>
                        <div class="f_left">您的性别</div>
                        <div class="f_auto">
                            <label for="man1">
                                <input class='gender1'  type="radio" name="gender" checked="checked" style="display: none" id="man1" value="1">
                                <span class="select"></span>男
                            </label>
                            <label for="woman1">
                                <input class='gender1'  type="radio" name="gender" style="display: none" id="woman1" value="0">
                                <span class="select"></span>女
                            </label>
                        </div>
                    </li>
                    <li>
                        <div class="f_left">出生日期</div>
                        <div class="f_auto"><div type="text" data-date="1985-04-18-7" data-id="birthday1" id="datetime">请选择出生日期</div></div>
                        <input type="hidden" id="birthday1" name="birthday">
                    </li>
                    
                </ul>
            </div>
            <div class="m_form_btnwrap J_formSubmit type1"></div>
            <p class="m_form_prompt" style="text-align: center;">已有<span><!--{$Think.cookie.bzhycs}-->人</span>查看了自己的八字婚缘&nbsp;&nbsp;</p>

            <a class="tohistory" href="<!--{:U('Index/mycesuan','',false)}-->">查看我的测算记录</a>
        </form>
    </div>
    
    <div class="cs_imgtext">
        <img class='h1246' data-src="__PUBLIC__/images/bzhy_img/h1.png" width="100%"/>
    </div>
    <div class="cs_imgtext">
        <img class='h1338' data-src="__PUBLIC__/images/bzhy_img/h2.png" width="100%"/>
    </div>
    <div class="cs_imgtext">
        <img class='h1089' data-src="__PUBLIC__/images/bzhy_img/h3.png" width="100%"/>
    </div>
    <div class="cs_imgtext">
        <img class='h70' data-src="__PUBLIC__/images/bzhy_img/h4.png" width="100%"/>
        <div class="user_feedback">
            <div class="public_bzhh_title">
            </div>
            <div class="uf_ul_wrap" id="feedbackScroll">
                <ul class="uf_ul">
                    <li>
                        
                        <p><strong>汕头  温小姐</strong>老师说我老公脾气会有所收敛，一直不相信，不曾想我30岁后他真的变了很顾家，我们现在也磨合得比较好了，日子越来越好过条件也越来越好了，幸亏当时听了老师的话注意收敛自己的情绪。
                        </p>
                    </li>
                    <li>
                        
                        <p><strong>石家庄  钟先生</strong>身边的朋友都有对象了，自己心里也默默着急，同大师在线聊了一番后感觉大师测算还是很有准头很有道理的，居然能说出来我什么时候对谁动过心然后不了了之，期望我后面的姻缘测算真的有那么准吧。</p>
                    </li>
                    <li>
                        
                        <p><strong>淮安  秦先生</strong>算得很准，而且很符合实际，自己的性格和一些经历都有体现，也希望真的如愿能找到一个性格温婉的她，后面对我的建议也很好，测算后豁然开朗。</p>
                    </li>
                    <li>
                        
                        <p><strong>宜春  尤先生</strong>通过老师的指点了解到我和她现在是情感危机，只要坚持下去一定能修成正果的。如今我们已冰释前嫌重归于好了，准备明年结婚了，感谢老师的帮助。</p>
                    </li>
                    <li>
                        
                        <p><strong>宁波  江小姐</strong>结束了一段长跑6年的感情，其实心里还是十分不舍的，大师的测算也是很神奇很准的，异地恋什么的到哪一步什么原因结束都测的很清楚，预测了以后的感情之路和他的大概年龄，还有对我个人的一些提醒，很不错。</p>
                    </li>
                    <li>
                        
                        <p><strong>台州  任小姐</strong>因为才没交往多久男朋友就向我求婚了，有点担心还没看透某些方面，特地来测算我们的八字姻缘的，老师说我年头的感情运势比较好，碰到的不是烂桃花不必太担心，顺其自然自会开花结果，幸福一生。也罢，命中注定吧！</p>
                    </li>
                    <li>
                        
                        <p><strong>潍坊  贺先生</strong>从学校刚毕业就和对象结婚了，感觉没什么激情了，矛盾也随之增多，找老师测算合婚后发现子女能重旺我们的婚姻，果然有了儿子后我们相处越来越和谐了。</p>
                    </li>
                    <li>
                        
                        <p><strong>威海  范先生</strong>单身多年，对自己的未来的姻缘运势感到很迷茫，在朋友力荐下来老师这里测算了一次，测的还是不久前相亲的一个对象，老师建议我多家深了解，改变自己的社交习惯，还说我们两命理相连姻缘应生，果然已经很好的在一起了。</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <!-- <div class="cs_imgtext">
        <if condition="$Think.cookie.heying eq 1">
            <else />

            <if condition="$Think.cookie.show138ImgNum eq 1">
                <img class='h672' data-src="__PUBLIC__/images/bzjp_img/lz_04_1.png" width="100%"/>
                <else />
                <img data-src="__PUBLIC__/images/bzjp_img/lz_04.png" width="100%"/>
            </if>
        </if>

    </div>
    <div class="cs_imgtext">
        <img class='h896' data-src="__PUBLIC__/images/bzjp_img/lz_05.png" width="100%"/>
    </div> -->
    <!--<div class="cs_imgtext">-->
        <!--<img src="__PUBLIC__/images/bzjp_img/cyz_06.png" width="100%"/>-->
    <!--</div>-->
    <!-- 视频 -->
    <video  controls="controls"  webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"  poster="__PUBLIC__/images/bzjp_img/ZM_video_bg.png" >
        您的浏览器不支持 video 标签。
        <source src="http://qiniu.ddznzj.com//media/180508/180508171544607.mp4" type="video/mp4">
    </video>
    <div class="m_form_container">
            <form id="_form" class="_form2" class="m_form" action="<!--{:U('Bzhy/zhifu','',false)}-->" method="POST" id="frm">
                <div class="m_form_wrap">
                    <ul class="m_form_ul">
                            <li>
                                    <div class="f_left">您的姓名</div>
                                    <div class="f_auto"><input type="text" id="username2" name="username" placeholder="匿名 (可不填)"></div>
                                </li>
                        <li>
                            <div class="f_left">您的性别</div>
                            <div class="f_auto">
                                <label for="man2">
                                    <input type="radio" name="gender" class='gender2' checked="checked" style="display: none" id="man2" value="1"> 
                                    <span class="select"></span>男
                                </label>
                                <label for="woman2">
                                    <input type="radio"
                                    class='gender2' name="gender" style="display: none" id="woman2" value="0">
                                    <span class="select"></span>女
                                </label>
                            </div>
                        </li>
                        <li>
                            <div class="f_left">出生日期</div>
                            <div class="f_auto"><div type="text" data-date="1985-04-18-7" data-id="birthday2" id="datetime1">请选择出生日期</div></div>
                            <input type="hidden" id="birthday2" name="birthday">
                        </li>
                        
                    </ul>
                </div>
                <if condition="($channel eq tsq) OR ($channel eq lzss) OR ($channel eq gyxw) OR ($channel eq khzx) OR ($channel eq xxkj)">
                    <div class="m_form_btnwrap CHANNEL-tsq J_formSubmit"></div>
                    <elseif condition="$discount eq 1"/>
                    <div class="m_form_btnwrap J_formSubmit type2">立即测算 (优惠<!--{$Think.cookie.discountprice}-->元)</div>
                    <else />
                    <div class="m_form_btnwrap J_formSubmit type2"></div>
                </if>
            <p class="m_form_prompt" style="text-align: center;">已有<span><!--{$Think.cookie.bzhycs}-->人</span>查看了自己的八字婚缘&nbsp;&nbsp;</p>

            <a class="tohistory" href="<!--{:U('Index/mycesuan','',false)}-->">查看我的测算记录</a>
            </form>
        </div>

    
    <!-- 热门测算 -->
    <div class="hot_cs">
        <include file="Public/zhiming"/>
    </div>

    <!-- 脚注 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>
    
    <script>
        
        var calendar1 = new lCalendar().init('#datetime');//男
        var calendar2 = new lCalendar().init('#datetime1');//男
        //测算底部悬浮
        $(function(){
            var topShow=$(".J_formSubmit");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});
                $.getJSON("<!--{:U('Index/indexXfan','',false)}-->",{csName:'BZHY'},function(data){//首页-悬浮按钮统计
                });
            }

        });

        $(".J_formSubmit").on('click',function(e){
            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'BZHY'},function(data){//首页-立即测算统计
                console.log(data);
            });
            var type = e.target.className.match(/\d/)[0]
            var nameid = '#username'+type
            var sexid = '.gender'+type 
            var bid = '#birthday'+type
            if($(nameid).val() == ""){
                $(nameid).val('匿名');
//                    layer.msg("请输入您的名字");
//                    return false;
            }else if($(nameid).val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($(nameid).val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($(bid).val() == ""){
                layer.msg("请选择生时");
                return false;
            }

            var birthday=$(bid).val();
            var username=$(nameid).val();
            var gender=$(sexid).val();
            $(sexid).each((index,val)=>{
                if(val.checked){
                    gender = val.value
                }
            })
            if(!birthday||!username||!gender){
                layer.msg("请重新提交信息");
                return false;
            }
            // console.log(birthday,username,gender)
            // return
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    var id = '._form'+type
                    console.log('id')
                    console.log(id)
                    $(id).submit();
                },1300);
            },1000);
        });

        sessionStorage.setItem("chufa",1);
        var wxlogin='<!--{$Think.cookie.wxlogin}-->';
        var channel='<!--{$Think.cookie.channel}-->';

       $(function(){
        var scrollTop=0;
        var scrollUl=$('#feedbackScroll').children('ul');
        function scrollTip(){
            var top=scrollUl.children('li').eq(0).outerHeight();
            if(Math.abs(scrollTop)==Math.abs(top)){
                scrollUl.children('li').eq(0).appendTo(scrollUl);
                scrollUl.css("top",0);
                scrollTop=0;
            }else{
                scrollTop--;
                scrollUl.css("top",scrollTop);
            }
        }
        setInterval(scrollTip,50);
        });
    </script>
</body>

<script type="text/javascript" src="__PUBLIC__/js/lazyload.js"></script>
</html>



